{} *{} 
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    


        @media (max-width: 639px) {
          
        .global-style-65t5c0pSC {
          border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-left-width: 0px;border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px 0px, rgba(0, 0, 0, 0.08) 0px 2px 4px 0px;margin-top: 0px;margin-bottom: 0px;padding-top: 0px;padding-bottom: 0px;z-index: 10;position: relative;--gp-bg-front-color: rgba(0, 0, 0, 1);--gp-bg-front-alpha-color: rgba(0, 0, 0, 0.333);--gp-bg-back-color: rgba(255, 255, 255, 1);--gp-bg-spacing: 47px;--gp-bg-opacity: 0.2;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        .global-style-65t5c0pSC {
          border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-left-width: 0px;border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px 0px, rgba(0, 0, 0, 0.08) 0px 2px 4px 0px;margin-top: 0px;margin-bottom: 0px;padding-top: 0px;padding-bottom: 0px;z-index: 10;position: relative;--gp-bg-front-color: rgba(0, 0, 0, 1);--gp-bg-front-alpha-color: rgba(0, 0, 0, 0.333);--gp-bg-back-color: rgba(255, 255, 255, 1);--gp-bg-spacing: 47px;--gp-bg-opacity: 0.2;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        .global-style-65t5c0pSC {
          border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-left-width: 0px;border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px 0px, rgba(0, 0, 0, 0.08) 0px 2px 4px 0px;margin-top: 0px;margin-bottom: 0px;padding-top: 0px;padding-bottom: 0px;z-index: 10;position: relative;--gp-bg-front-color: rgba(0, 0, 0, 1);--gp-bg-front-alpha-color: rgba(0, 0, 0, 0.333);--gp-bg-back-color: rgba(255, 255, 255, 1);--gp-bg-spacing: 47px;--gp-bg-opacity: 0.2;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        .global-style-65t5c0pSC {
          border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-left-width: 0px;border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px 0px, rgba(0, 0, 0, 0.08) 0px 2px 4px 0px;margin-top: 0px;margin-bottom: 0px;padding-top: 0px;padding-bottom: 0px;z-index: 10;position: relative;--gp-bg-front-color: rgba(0, 0, 0, 1);--gp-bg-front-alpha-color: rgba(0, 0, 0, 0.333);--gp-bg-back-color: rgba(255, 255, 255, 1);--gp-bg-spacing: 47px;--gp-bg-opacity: 0.2;
      }
        }
        @media (min-width: 1200px) {
          
        .global-style-65t5c0pSC {
          border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border-left-width: 0px;border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px 0px, rgba(0, 0, 0, 0.08) 0px 2px 4px 0px;margin-top: 0px;margin-bottom: 0px;padding-top: 0px;padding-bottom: 0px;z-index: 10;position: relative;--gp-bg-front-color: rgba(0, 0, 0, 1);--gp-bg-front-alpha-color: rgba(0, 0, 0, 0.333);--gp-bg-back-color: rgba(255, 255, 255, 1);--gp-bg-spacing: 47px;--gp-bg-opacity: 0.2;
      }
        }
        @media (max-width: 639px) {
          
        .global-style-65t5c0pSC:not([data-gp-component="block"]), .global-style-65t5c0pSC [data-section-overlay] {
          background-color: rgb(255, 204, 36);
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        .global-style-65t5c0pSC:not([data-gp-component="block"]), .global-style-65t5c0pSC [data-section-overlay] {
          background-color: rgb(255, 204, 36);
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        .global-style-65t5c0pSC:not([data-gp-component="block"]), .global-style-65t5c0pSC [data-section-overlay] {
          background-color: rgb(255, 204, 36);
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        .global-style-65t5c0pSC:not([data-gp-component="block"]), .global-style-65t5c0pSC [data-section-overlay] {
          background-color: rgb(255, 204, 36);
      }
        }
        @media (min-width: 1200px) {
          
        .global-style-65t5c0pSC:not([data-gp-component="block"]), .global-style-65t5c0pSC [data-section-overlay] {
          background-color: rgb(255, 204, 36);
      }
        }

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } .criteria-cta { text-align: center; margin-top: 40px; } .btn-primary { display: inline-block; background: #FDD835; color: #111; padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 700; border-radius: 50px; text-decoration: none; box-shadow: 0 8px 20px rgba(0,0,0,0.3); transition: background 0.3s, transform 0.3s; } .btn-primary:hover { background: #e6c533; transform: translateY(-3px); } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } .criteria-cta { text-align: center; margin-top: 40px; } .btn-primary { display: inline-block; background: #FDD835; color: #111; padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 700; border-radius: 50px; text-decoration: none; box-shadow: 0 8px 20px rgba(0,0,0,0.3); transition: background 0.3s, transform 0.3s; } .btn-primary:hover { background: #e6c533; transform: translateY(-3px); } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 .premium-faq { max-width: 900px; margin: 4rem auto; padding: 0 1rem; font-family: 'Poppins', sans-serif; } .premium-faq h2 { font-size: 2rem; font-weight: 900; color: #FDD835; text-align: center; margin-bottom: 2rem; position: relative; } .premium-faq h2::after { content: ''; display: block; width: 80px; height: 4px; background: #FDD835; margin: 0.5rem auto 0; border-radius: 2px; } .faq-item { background: #111; color: #fff; border-radius: 12px; margin-bottom: 1rem; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.4); } .faq-item .question { width: 100%; padding: 1rem 1.5rem; font-size: 1.15rem; font-weight: 700; background: rgba(255,255,255,0.05); border: none; text-align: left; color: #FDD835; cursor: pointer; position: relative; transition: background 0.3s; } .faq-item .question:hover { background: rgba(255,255,255,0.1); } .faq-item .question::after { content: '+'; position: absolute; right: 1.5rem; font-size: 1.2rem; transition: transform 0.3s; } .faq-item.open .question::after { content: '-'; transform: rotate(180deg); } .faq-item .answer { max-height: 0; padding: 0 1.5rem; font-size: 1rem; line-height: 1.6; color: #ddd; transition: max-height 0.4s ease, padding 0.4s ease; } .faq-item.open .answer { max-height: 300px; padding: 1rem 1.5rem 1.5rem; } .faq-item .answer strong { color: #fff; font-weight: 700; } .faq-item .answer em { color: #ccc; font-style: normal; font-weight: 600; } 

 .premium-faq { max-width: 900px; margin: 4rem auto; padding: 0 1rem; font-family: 'Poppins', sans-serif; } .premium-faq h2 { font-size: 2rem; font-weight: 900; color: #FDD835; text-align: center; margin-bottom: 2rem; position: relative; } .premium-faq h2::after { content: ''; display: block; width: 80px; height: 4px; background: #FDD835; margin: 0.5rem auto 0; border-radius: 2px; } .faq-item { background: #111; color: #fff; border-radius: 12px; margin-bottom: 1rem; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.4); } .faq-item .question { width: 100%; padding: 1rem 1.5rem; font-size: 1.15rem; font-weight: 700; background: rgba(255,255,255,0.05); border: none; text-align: left; color: #FDD835; cursor: pointer; position: relative; transition: background 0.3s; } .faq-item .question:hover { background: rgba(255,255,255,0.1); } .faq-item .question::after { content: '+'; position: absolute; right: 1.5rem; font-size: 1.2rem; transition: transform 0.3s; } .faq-item.open .question::after { content: '-'; transform: rotate(180deg); } .faq-item .answer { max-height: 0; padding: 0 1.5rem; font-size: 1rem; line-height: 1.6; color: #ddd; transition: max-height 0.4s ease, padding 0.4s ease; } .faq-item.open .answer { max-height: 300px; padding: 1rem 1.5rem 1.5rem; } .faq-item .answer strong { color: #fff; font-weight: 700; } .faq-item .answer em { color: #ccc; font-style: normal; font-weight: 600; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } .criteria-cta { text-align: center; margin-top: 40px; } .btn-primary { display: inline-block; background: #FDD835; color: #111; padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 700; border-radius: 50px; text-decoration: none; box-shadow: 0 8px 20px rgba(0,0,0,0.3); transition: background 0.3s, transform 0.3s; } .btn-primary:hover { background: #e6c533; transform: translateY(-3px); } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } .criteria-cta { text-align: center; margin-top: 40px; } .btn-primary { display: inline-block; background: #FDD835; color: #111; padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 700; border-radius: 50px; text-decoration: none; box-shadow: 0 8px 20px rgba(0,0,0,0.3); transition: background 0.3s, transform 0.3s; } .btn-primary:hover { background: #e6c533; transform: translateY(-3px); } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } .criteria-cta { text-align: center; margin-top: 40px; } .btn-primary { display: inline-block; background: #FDD835; color: #111; padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 700; border-radius: 50px; text-decoration: none; box-shadow: 0 8px 20px rgba(0,0,0,0.3); transition: background 0.3s, transform 0.3s; } .btn-primary:hover { background: #e6c533; transform: translateY(-3px); } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 .premium-faq { max-width: 900px; margin: 4rem auto; padding: 0 1rem; font-family: 'Poppins', sans-serif; } .premium-faq h2 { font-size: 2rem; font-weight: 900; color: #FDD835; text-align: center; margin-bottom: 2rem; position: relative; } .premium-faq h2::after { content: ''; display: block; width: 80px; height: 4px; background: #FDD835; margin: 0.5rem auto 0; border-radius: 2px; } .faq-item { background: #111; color: #fff; border-radius: 12px; margin-bottom: 1rem; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.4); } .faq-item .question { width: 100%; padding: 1rem 1.5rem; font-size: 1.15rem; font-weight: 700; background: rgba(255,255,255,0.05); border: none; text-align: left; color: #FDD835; cursor: pointer; position: relative; transition: background 0.3s; } .faq-item .question:hover { background: rgba(255,255,255,0.1); } .faq-item .question::after { content: '+'; position: absolute; right: 1.5rem; font-size: 1.2rem; transition: transform 0.3s; } .faq-item.open .question::after { content: '-'; transform: rotate(180deg); } .faq-item .answer { max-height: 0; padding: 0 1.5rem; font-size: 1rem; line-height: 1.6; color: #ddd; transition: max-height 0.4s ease, padding 0.4s ease; } .faq-item.open .answer { max-height: 300px; padding: 1rem 1.5rem 1.5rem; } .faq-item .answer strong { color: #fff; font-weight: 700; } .faq-item .answer em { color: #ccc; font-style: normal; font-weight: 600; } 

 .premium-faq { max-width: 900px; margin: 4rem auto; padding: 0 1rem; font-family: 'Poppins', sans-serif; } .premium-faq h2 { font-size: 2rem; font-weight: 900; color: #FDD835; text-align: center; margin-bottom: 2rem; position: relative; } .premium-faq h2::after { content: ''; display: block; width: 80px; height: 4px; background: #FDD835; margin: 0.5rem auto 0; border-radius: 2px; } .faq-item { background: #111; color: #fff; border-radius: 12px; margin-bottom: 1rem; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.4); } .faq-item .question { width: 100%; padding: 1rem 1.5rem; font-size: 1.15rem; font-weight: 700; background: rgba(255,255,255,0.05); border: none; text-align: left; color: #FDD835; cursor: pointer; position: relative; transition: background 0.3s; } .faq-item .question:hover { background: rgba(255,255,255,0.1); } .faq-item .question::after { content: '+'; position: absolute; right: 1.5rem; font-size: 1.2rem; transition: transform 0.3s; } .faq-item.open .question::after { content: '-'; transform: rotate(180deg); } .faq-item .answer { max-height: 0; padding: 0 1.5rem; font-size: 1rem; line-height: 1.6; color: #ddd; transition: max-height 0.4s ease, padding 0.4s ease; } .faq-item.open .answer { max-height: 300px; padding: 1rem 1.5rem 1.5rem; } .faq-item .answer strong { color: #fff; font-weight: 700; } .faq-item .answer em { color: #ccc; font-style: normal; font-weight: 600; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } .criteria-cta { text-align: center; margin-top: 40px; } .btn-primary { display: inline-block; background: #FDD835; color: #111; padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 700; border-radius: 50px; text-decoration: none; box-shadow: 0 8px 20px rgba(0,0,0,0.3); transition: background 0.3s, transform 0.3s; } .btn-primary:hover { background: #e6c533; transform: translateY(-3px); } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } .criteria-cta { text-align: center; margin-top: 40px; } .btn-primary { display: inline-block; background: #FDD835; color: #111; padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 700; border-radius: 50px; text-decoration: none; box-shadow: 0 8px 20px rgba(0,0,0,0.3); transition: background 0.3s, transform 0.3s; } .btn-primary:hover { background: #e6c533; transform: translateY(-3px); } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } .criteria-cta { text-align: center; margin-top: 40px; } .btn-primary { display: inline-block; background: #FDD835; color: #111; padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 700; border-radius: 50px; text-decoration: none; box-shadow: 0 8px 20px rgba(0,0,0,0.3); transition: background 0.3s, transform 0.3s; } .btn-primary:hover { background: #e6c533; transform: translateY(-3px); } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 .premium-faq { max-width: 900px; margin: 4rem auto; padding: 0 1rem; font-family: 'Poppins', sans-serif; } .premium-faq h2 { font-size: 2rem; font-weight: 900; color: #FDD835; text-align: center; margin-bottom: 2rem; position: relative; } .premium-faq h2::after { content: ''; display: block; width: 80px; height: 4px; background: #FDD835; margin: 0.5rem auto 0; border-radius: 2px; } .faq-item { background: #111; color: #fff; border-radius: 12px; margin-bottom: 1rem; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.4); } .faq-item .question { width: 100%; padding: 1rem 1.5rem; font-size: 1.15rem; font-weight: 700; background: rgba(255,255,255,0.05); border: none; text-align: left; color: #FDD835; cursor: pointer; position: relative; transition: background 0.3s; } .faq-item .question:hover { background: rgba(255,255,255,0.1); } .faq-item .question::after { content: '+'; position: absolute; right: 1.5rem; font-size: 1.2rem; transition: transform 0.3s; } .faq-item.open .question::after { content: '-'; transform: rotate(180deg); } .faq-item .answer { max-height: 0; padding: 0 1.5rem; font-size: 1rem; line-height: 1.6; color: #ddd; transition: max-height 0.4s ease, padding 0.4s ease; } .faq-item.open .answer { max-height: 300px; padding: 1rem 1.5rem 1.5rem; } .faq-item .answer strong { color: #fff; font-weight: 700; } .faq-item .answer em { color: #ccc; font-style: normal; font-weight: 600; } 

 .premium-faq { max-width: 900px; margin: 4rem auto; padding: 0 1rem; font-family: 'Poppins', sans-serif; } .premium-faq h2 { font-size: 2rem; font-weight: 900; color: #FDD835; text-align: center; margin-bottom: 2rem; position: relative; } .premium-faq h2::after { content: ''; display: block; width: 80px; height: 4px; background: #FDD835; margin: 0.5rem auto 0; border-radius: 2px; } .faq-item { background: #111; color: #fff; border-radius: 12px; margin-bottom: 1rem; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.4); } .faq-item .question { width: 100%; padding: 1rem 1.5rem; font-size: 1.15rem; font-weight: 700; background: rgba(255,255,255,0.05); border: none; text-align: left; color: #FDD835; cursor: pointer; position: relative; transition: background 0.3s; } .faq-item .question:hover { background: rgba(255,255,255,0.1); } .faq-item .question::after { content: '+'; position: absolute; right: 1.5rem; font-size: 1.2rem; transition: transform 0.3s; } .faq-item.open .question::after { content: '-'; transform: rotate(180deg); } .faq-item .answer { max-height: 0; padding: 0 1.5rem; font-size: 1rem; line-height: 1.6; color: #ddd; transition: max-height 0.4s ease, padding 0.4s ease; } .faq-item.open .answer { max-height: 300px; padding: 1rem 1.5rem 1.5rem; } .faq-item .answer strong { color: #fff; font-weight: 700; } .faq-item .answer em { color: #ccc; font-style: normal; font-weight: 600; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } .criteria-cta { text-align: center; margin-top: 40px; } .btn-primary { display: inline-block; background: #FDD835; color: #111; padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 700; border-radius: 50px; text-decoration: none; box-shadow: 0 8px 20px rgba(0,0,0,0.3); transition: background 0.3s, transform 0.3s; } .btn-primary:hover { background: #e6c533; transform: translateY(-3px); } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } .criteria-cta { text-align: center; margin-top: 40px; } .btn-primary { display: inline-block; background: #FDD835; color: #111; padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 700; border-radius: 50px; text-decoration: none; box-shadow: 0 8px 20px rgba(0,0,0,0.3); transition: background 0.3s, transform 0.3s; } .btn-primary:hover { background: #e6c533; transform: translateY(-3px); } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 .premium-faq { max-width: 900px; margin: 4rem auto; padding: 0 1rem; font-family: 'Poppins', sans-serif; } .premium-faq h2 { font-size: 2rem; font-weight: 900; color: #FDD835; text-align: center; margin-bottom: 2rem; position: relative; } .premium-faq h2::after { content: ''; display: block; width: 80px; height: 4px; background: #FDD835; margin: 0.5rem auto 0; border-radius: 2px; } .faq-item { background: #111; color: #fff; border-radius: 12px; margin-bottom: 1rem; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.4); } .faq-item .question { width: 100%; padding: 1rem 1.5rem; font-size: 1.15rem; font-weight: 700; background: rgba(255,255,255,0.05); border: none; text-align: left; color: #FDD835; cursor: pointer; position: relative; transition: background 0.3s; } .faq-item .question:hover { background: rgba(255,255,255,0.1); } .faq-item .question::after { content: '+'; position: absolute; right: 1.5rem; font-size: 1.2rem; transition: transform 0.3s; } .faq-item.open .question::after { content: '-'; transform: rotate(180deg); } .faq-item .answer { max-height: 0; padding: 0 1.5rem; font-size: 1rem; line-height: 1.6; color: #ddd; transition: max-height 0.4s ease, padding 0.4s ease; } .faq-item.open .answer { max-height: 300px; padding: 1rem 1.5rem 1.5rem; } .faq-item .answer strong { color: #fff; font-weight: 700; } .faq-item .answer em { color: #ccc; font-style: normal; font-weight: 600; } 

 .premium-faq { max-width: 900px; margin: 4rem auto; padding: 0 1rem; font-family: 'Poppins', sans-serif; } .premium-faq h2 { font-size: 2rem; font-weight: 900; color: #FDD835; text-align: center; margin-bottom: 2rem; position: relative; } .premium-faq h2::after { content: ''; display: block; width: 80px; height: 4px; background: #FDD835; margin: 0.5rem auto 0; border-radius: 2px; } .faq-item { background: #111; color: #fff; border-radius: 12px; margin-bottom: 1rem; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.4); } .faq-item .question { width: 100%; padding: 1rem 1.5rem; font-size: 1.15rem; font-weight: 700; background: rgba(255,255,255,0.05); border: none; text-align: left; color: #FDD835; cursor: pointer; position: relative; transition: background 0.3s; } .faq-item .question:hover { background: rgba(255,255,255,0.1); } .faq-item .question::after { content: '+'; position: absolute; right: 1.5rem; font-size: 1.2rem; transition: transform 0.3s; } .faq-item.open .question::after { content: '-'; transform: rotate(180deg); } .faq-item .answer { max-height: 0; padding: 0 1.5rem; font-size: 1rem; line-height: 1.6; color: #ddd; transition: max-height 0.4s ease, padding 0.4s ease; } .faq-item.open .answer { max-height: 300px; padding: 1rem 1.5rem 1.5rem; } .faq-item .answer strong { color: #fff; font-weight: 700; } .faq-item .answer em { color: #ccc; font-style: normal; font-weight: 600; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } .criteria-cta { text-align: center; margin-top: 40px; } .btn-primary { display: inline-block; background: #FDD835; color: #111; padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 700; border-radius: 50px; text-decoration: none; box-shadow: 0 8px 20px rgba(0,0,0,0.3); transition: background 0.3s, transform 0.3s; } .btn-primary:hover { background: #e6c533; transform: translateY(-3px); } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 .premium-faq { max-width: 900px; margin: 4rem auto; padding: 0 1rem; font-family: 'Poppins', sans-serif; } .premium-faq h2 { font-size: 2rem; font-weight: 900; color: #FDD835; text-align: center; margin-bottom: 2rem; position: relative; } .premium-faq h2::after { content: ''; display: block; width: 80px; height: 4px; background: #FDD835; margin: 0.5rem auto 0; border-radius: 2px; } .faq-item { background: #111; color: #fff; border-radius: 12px; margin-bottom: 1rem; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.4); } .faq-item .question { width: 100%; padding: 1rem 1.5rem; font-size: 1.15rem; font-weight: 700; background: rgba(255,255,255,0.05); border: none; text-align: left; color: #FDD835; cursor: pointer; position: relative; transition: background 0.3s; } .faq-item .question:hover { background: rgba(255,255,255,0.1); } .faq-item .question::after { content: '+'; position: absolute; right: 1.5rem; font-size: 1.2rem; transition: transform 0.3s; } .faq-item.open .question::after { content: '-'; transform: rotate(180deg); } .faq-item .answer { max-height: 0; padding: 0 1.5rem; font-size: 1rem; line-height: 1.6; color: #ddd; transition: max-height 0.4s ease, padding 0.4s ease; } .faq-item.open .answer { max-height: 300px; padding: 1rem 1.5rem 1.5rem; } .faq-item .answer strong { color: #fff; font-weight: 700; } .faq-item .answer em { color: #ccc; font-style: normal; font-weight: 600; } 

 .premium-faq { max-width: 900px; margin: 4rem auto; padding: 0 1rem; font-family: 'Poppins', sans-serif; } .premium-faq h2 { font-size: 2rem; font-weight: 900; color: #FDD835; text-align: center; margin-bottom: 2rem; position: relative; } .premium-faq h2::after { content: ''; display: block; width: 80px; height: 4px; background: #FDD835; margin: 0.5rem auto 0; border-radius: 2px; } .faq-item { background: #111; color: #fff; border-radius: 12px; margin-bottom: 1rem; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.4); } .faq-item .question { width: 100%; padding: 1rem 1.5rem; font-size: 1.15rem; font-weight: 700; background: rgba(255,255,255,0.05); border: none; text-align: left; color: #FDD835; cursor: pointer; position: relative; transition: background 0.3s; } .faq-item .question:hover { background: rgba(255,255,255,0.1); } .faq-item .question::after { content: '+'; position: absolute; right: 1.5rem; font-size: 1.2rem; transition: transform 0.3s; } .faq-item.open .question::after { content: '-'; transform: rotate(180deg); } .faq-item .answer { max-height: 0; padding: 0 1.5rem; font-size: 1rem; line-height: 1.6; color: #ddd; transition: max-height 0.4s ease, padding 0.4s ease; } .faq-item.open .answer { max-height: 300px; padding: 1rem 1.5rem 1.5rem; } .faq-item .answer strong { color: #fff; font-weight: 700; } .faq-item .answer em { color: #ccc; font-style: normal; font-weight: 600; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } .criteria-cta { text-align: center; margin-top: 40px; } .btn-primary { display: inline-block; background: #FDD835; color: #111; padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 700; border-radius: 50px; text-decoration: none; box-shadow: 0 8px 20px rgba(0,0,0,0.3); transition: background 0.3s, transform 0.3s; } .btn-primary:hover { background: #e6c533; transform: translateY(-3px); } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } .criteria-cta { text-align: center; margin-top: 40px; } .btn-primary { display: inline-block; background: #FDD835; color: #111; padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 700; border-radius: 50px; text-decoration: none; box-shadow: 0 8px 20px rgba(0,0,0,0.3); transition: background 0.3s, transform 0.3s; } .btn-primary:hover { background: #e6c533; transform: translateY(-3px); } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 .premium-faq { max-width: 900px; margin: 4rem auto; padding: 0 1rem; font-family: 'Poppins', sans-serif; } .premium-faq h2 { font-size: 2rem; font-weight: 900; color: #FDD835; text-align: center; margin-bottom: 2rem; position: relative; } .premium-faq h2::after { content: ''; display: block; width: 80px; height: 4px; background: #FDD835; margin: 0.5rem auto 0; border-radius: 2px; } .faq-item { background: #111; color: #fff; border-radius: 12px; margin-bottom: 1rem; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.4); } .faq-item .question { width: 100%; padding: 1rem 1.5rem; font-size: 1.15rem; font-weight: 700; background: rgba(255,255,255,0.05); border: none; text-align: left; color: #FDD835; cursor: pointer; position: relative; transition: background 0.3s; } .faq-item .question:hover { background: rgba(255,255,255,0.1); } .faq-item .question::after { content: '+'; position: absolute; right: 1.5rem; font-size: 1.2rem; transition: transform 0.3s; } .faq-item.open .question::after { content: '-'; transform: rotate(180deg); } .faq-item .answer { max-height: 0; padding: 0 1.5rem; font-size: 1rem; line-height: 1.6; color: #ddd; transition: max-height 0.4s ease, padding 0.4s ease; } .faq-item.open .answer { max-height: 300px; padding: 1rem 1.5rem 1.5rem; } .faq-item .answer strong { color: #fff; font-weight: 700; } .faq-item .answer em { color: #ccc; font-style: normal; font-weight: 600; } 

 .premium-faq { max-width: 900px; margin: 4rem auto; padding: 0 1rem; font-family: 'Poppins', sans-serif; } .premium-faq h2 { font-size: 2rem; font-weight: 900; color: #FDD835; text-align: center; margin-bottom: 2rem; position: relative; } .premium-faq h2::after { content: ''; display: block; width: 80px; height: 4px; background: #FDD835; margin: 0.5rem auto 0; border-radius: 2px; } .faq-item { background: #111; color: #fff; border-radius: 12px; margin-bottom: 1rem; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.4); } .faq-item .question { width: 100%; padding: 1rem 1.5rem; font-size: 1.15rem; font-weight: 700; background: rgba(255,255,255,0.05); border: none; text-align: left; color: #FDD835; cursor: pointer; position: relative; transition: background 0.3s; } .faq-item .question:hover { background: rgba(255,255,255,0.1); } .faq-item .question::after { content: '+'; position: absolute; right: 1.5rem; font-size: 1.2rem; transition: transform 0.3s; } .faq-item.open .question::after { content: '-'; transform: rotate(180deg); } .faq-item .answer { max-height: 0; padding: 0 1.5rem; font-size: 1rem; line-height: 1.6; color: #ddd; transition: max-height 0.4s ease, padding 0.4s ease; } .faq-item.open .answer { max-height: 300px; padding: 1rem 1.5rem 1.5rem; } .faq-item .answer strong { color: #fff; font-weight: 700; } .faq-item .answer em { color: #ccc; font-style: normal; font-weight: 600; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } .criteria-cta { text-align: center; margin-top: 40px; } .btn-primary { display: inline-block; background: #FDD835; color: #111; padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 700; border-radius: 50px; text-decoration: none; box-shadow: 0 8px 20px rgba(0,0,0,0.3); transition: background 0.3s, transform 0.3s; } .btn-primary:hover { background: #e6c533; transform: translateY(-3px); } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } .criteria-cta { text-align: center; margin-top: 40px; } .btn-primary { display: inline-block; background: #FDD835; color: #111; padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 700; border-radius: 50px; text-decoration: none; box-shadow: 0 8px 20px rgba(0,0,0,0.3); transition: background 0.3s, transform 0.3s; } .btn-primary:hover { background: #e6c533; transform: translateY(-3px); } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 1.5rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1rem; font-size: 1.8rem; position: relative; } h2::after { content:''; display:block; width:60px; height:3px; background: var(--gold); margin:0.4rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 0.75rem; border-radius: 12px; font-size: 1.1rem; line-height: 1.4; min-height: 100px; display: flex; flex-direction: column; justify-content: center; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } @media (max-width: 992px) { .testimonials { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .testimonials { grid-template-columns: 1fr; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 .premium-faq { max-width: 900px; margin: 4rem auto; padding: 0 1rem; font-family: 'Poppins', sans-serif; } .premium-faq h2 { font-size: 2rem; font-weight: 900; color: #FDD835; text-align: center; margin-bottom: 2rem; position: relative; } .premium-faq h2::after { content: ''; display: block; width: 80px; height: 4px; background: #FDD835; margin: 0.5rem auto 0; border-radius: 2px; } .faq-item { background: #111; color: #fff; border-radius: 12px; margin-bottom: 1rem; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.4); } .faq-item .question { width: 100%; padding: 1rem 1.5rem; font-size: 1.15rem; font-weight: 700; background: rgba(255,255,255,0.05); border: none; text-align: left; color: #FDD835; cursor: pointer; position: relative; transition: background 0.3s; } .faq-item .question:hover { background: rgba(255,255,255,0.1); } .faq-item .question::after { content: '+'; position: absolute; right: 1.5rem; font-size: 1.2rem; transition: transform 0.3s; } .faq-item.open .question::after { content: '-'; transform: rotate(180deg); } .faq-item .answer { max-height: 0; padding: 0 1.5rem; font-size: 1rem; line-height: 1.6; color: #ddd; transition: max-height 0.4s ease, padding 0.4s ease; } .faq-item.open .answer { max-height: 300px; padding: 1rem 1.5rem 1.5rem; } .faq-item .answer strong { color: #fff; font-weight: 700; } .faq-item .answer em { color: #ccc; font-style: normal; font-weight: 600; } 

 .premium-faq { max-width: 900px; margin: 4rem auto; padding: 0 1rem; font-family: 'Poppins', sans-serif; } .premium-faq h2 { font-size: 2rem; font-weight: 900; color: #FDD835; text-align: center; margin-bottom: 2rem; position: relative; } .premium-faq h2::after { content: ''; display: block; width: 80px; height: 4px; background: #FDD835; margin: 0.5rem auto 0; border-radius: 2px; } .faq-item { background: #111; color: #fff; border-radius: 12px; margin-bottom: 1rem; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,0.4); } .faq-item .question { width: 100%; padding: 1rem 1.5rem; font-size: 1.15rem; font-weight: 700; background: rgba(255,255,255,0.05); border: none; text-align: left; color: #FDD835; cursor: pointer; position: relative; transition: background 0.3s; } .faq-item .question:hover { background: rgba(255,255,255,0.1); } .faq-item .question::after { content: '+'; position: absolute; right: 1.5rem; font-size: 1.2rem; transition: transform 0.3s; } .faq-item.open .question::after { content: '-'; transform: rotate(180deg); } .faq-item .answer { max-height: 0; padding: 0 1.5rem; font-size: 1rem; line-height: 1.6; color: #ddd; transition: max-height 0.4s ease, padding 0.4s ease; } .faq-item.open .answer { max-height: 300px; padding: 1rem 1.5rem 1.5rem; } .faq-item .answer strong { color: #fff; font-weight: 700; } .faq-item .answer em { color: #ccc; font-style: normal; font-weight: 600; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --bg-page: #fff; --text: #222; --radius: 1rem; --font: 'Poppins', sans-serif; --shadow: 0 .75rem 2rem rgba(0,0,0,.1); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family: var(--font); background: var(--bg-page); color: var(--text); padding: 2rem; text-align: center; } .progress-section { max-width: 800px; margin: 0 auto; } .progress-headline { font-size: 1.75rem; font-weight: 900; line-height: 1.3; margin-bottom: 1.5rem; } .progress-headline .highlight-price { color: var(--gold1); } .progress-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem; } .progress-track { height: 2.5rem; background: rgba(0,0,0,.05); border-radius: 1.25rem; overflow: hidden; margin-bottom: 1.25rem; } .progress-bar { width: 45%; /* dynamically set */ height: 100%; background: linear-gradient(90deg, var(--gold1), var(--gold2)); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--text); } .ticks { display: flex; justify-content: space-between; font-size: .85rem; color: #555; } .ticks div { flex: 1; } .ticks strong { display: block; font-weight: 600; margin-bottom: .25rem; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --text-light: #fff; --overlay: rgba(0,0,0,0.45); } .premium-callout { position: relative; background: url('https://images.unsplash.com/photo-1570129477492-45c003edd2be?auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; border-radius: 16px; overflow: hidden; margin: 2rem auto; max-width: 800px; } .premium-callout::before { content: ''; position: absolute; inset: 0; background: var(--overlay); } .premium-callout .content { position: relative; padding: 3rem 2rem; color: var(--text-light); font-family: 'Poppins', sans-serif; text-align: center; } .premium-callout .content p { font-size: 1.25rem; line-height: 1.5; } .premium-callout .highlight { color: var(--gold1); font-weight: 600; } .premium-callout .highlight.strong { background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; color: transparent; font-weight: 900; } 

 :root { --gold: #fdd835; --dark: #222; --light-grey: #f5f5f5; --white: #fff; --radius: 12px; --font: "Poppins", sans-serif; } body { margin: 0; padding: 0; background: var(--light-grey); font-family: var(--font); color: var(--dark); } .premium-program { max-width: 900px; margin: 3rem auto; background: var(--white); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; } .program-header { padding: 2rem 1.5rem 1rem; text-align: center; } .program-header h1 { font-size: 1.75rem; font-weight: 900; line-height: 1.2; margin-bottom: 0.5rem; } .program-header h1 strong { font-weight: 900; } .program-header h1 u { text-decoration: none; border-bottom: 3px solid var(--gold); } .program-schedule { text-align: center; margin-bottom: 1.5rem; } .program-schedule h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .program-schedule .times { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; color: var(--dark); } .video-container { position: relative; padding-top: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-desc { padding: 1.5rem; font-size: 1rem; line-height: 1.5; text-align: center; } .program-desc u { text-decoration: none; border-bottom: 2px solid var(--gold); } .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 1.5rem 2rem; } .feature-item { background: var(--light-grey); border-radius: var(--radius); padding: 1.25rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .feature-item h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; position: relative; } .feature-item h3::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 40px; height: 3px; background: var(--gold); border-radius: 2px; } .feature-item p { font-size: 0.95rem; line-height: 1.4; margin: 0; } .feature-item .value { margin-top: 0.75rem; font-weight: 700; color: var(--gold); font-size: 0.93rem; } .cta { text-align: center; padding: 1.5rem 1.5rem 2rem; } .cta a { display: inline-block; background: var(--dark); color: var(--white); padding: 0.75rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius); text-decoration: none; transition: background 0.2s; } .cta a:hover { background: #111; } 

 :root { --bg-page: #fff; --bg-bubble: #f2f2f2; --text: #000; --gold: #fdd835; } * { margin:0; padding:0; box-sizing:border-box; } body { background: var(--bg-page); font-family: 'Poppins', sans-serif; padding: 2rem; color: var(--text); } h2 { text-align: center; margin-bottom: 1.5rem; font-size: 2rem; } h2::after { content:''; display:block; width:80px; height:4px; background: var(--gold); margin:0.5rem auto 0; border-radius:2px; } .testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 1rem; max-width: 900px; margin: 0 auto; } .bubble { background: var(--bg-bubble); padding: 1rem; border-radius: 16px; font-size: 1.35rem; line-height: 1.5; } .bubble strong { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 2px; font-weight: 600; } .bubble em { font-style: italic; color: #555; } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 .cta-highlight { position: relative; overflow: hidden; padding: 60px 10px; color: #fff; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; text-align: center; } .cta-highlight::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.3); pointer-events: none; } .cta-content { position: relative; z-index: 1; max-width: 400px; /* narrower container */ margin: 0 auto; padding: 0 15px; } .cta-highlight h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; } .cta-highlight p { font-size: 18px; margin-bottom: 24px; line-height: 1.4; } .cta-button { display: inline-block; background: #FDD835; color: #333; text-decoration: none; padding: 14px 40px; border-radius: 30px; font-size: 18px; font-weight: 700; transition: background 0.3s, transform 0.3s; position: relative; } .cta-button:hover { background: #e6c533; transform: translateY(-3px); } .cta-button .cta-sub { display: block; font-size: 13px; font-weight: 400; margin-top: 4px; opacity: 0.85; } 

 :root { --gold: #fdd835; --dark-bg: #1a1a1a; --card-bg: #222; --text-light: #fff; --radius: 16px; --font: 'Poppins', sans-serif; } .premium-videos-container { display: flex; flex-wrap: wrap; gap: 2rem; max-width: 1000px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); } .video-card { flex: 1 1 48%; background: var(--card-bg); color: var(--text-light); border-radius: var(--radius); box-shadow: 0 8px 24px rgba(0,0,0,0.4); overflow: hidden; position: relative; } .video-card::before { content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 4px; background: var(--gold); transform: translateX(-50%); border-radius: 2px; } .video-header { text-align: center; padding: 1.5rem 1rem 0.5rem; position: relative; z-index: 1; } .video-header h2 { font-size: 1.5rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .video-header h3 { font-size: 1rem; font-weight: 400; color: #ccc; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 1rem; border: 2px solid var(--gold); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 .premium-criteria { max-width: 1000px; margin: 80px auto; padding: 50px 30px; background: #111; border-radius: 20px; box-shadow: 0 16px 48px rgba(0,0,0,0.6); color: #fff; position: relative; overflow: hidden; } .premium-criteria::before { content: ''; position: absolute; top: -60px; right: -60px; width: 260px; height: 260px; background: radial-gradient(circle at center, rgba(255,216,53,0.3), transparent 70%); transform: rotate(45deg); } .criteria-header { text-align: center; margin-bottom: 40px; z-index: 1; position: relative; } .criteria-header h2 { font-size: 32px; font-weight: 900; color: #FDD835; text-transform: uppercase; letter-spacing: 2px; } .criteria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap: 30px; z-index: 1; } .criteria-item { background: rgba(255,255,255,0.05); border: 2px solid transparent; border-image: linear-gradient(45deg, #FDD835, #FFC107) 1; border-radius: 14px; padding: 25px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; } .criteria-item:hover { transform: translateY(-6px); box-shadow: 0 12px 24px rgba(0,0,0,0.5); } .criteria-item .icon { font-size: 36px; margin-bottom: 15px; animation: pop 0.6s ease; } @keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(1); } } .criteria-item h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #FDD835; } .criteria-item p { font-size: 15px; color: #ddd; line-height: 1.5; } 

 :root { --gold: #fdd835; --light-bg: #fafafa; --card-bg: #ffffff; --text-dark: #2c3e50; --font: 'Poppins', sans-serif; --radius: 12px; --shadow: 0 4px 12px rgba(0,0,0,0.08); } .premium-testimonials { max-width: 900px; margin: 3rem auto; padding: 0 1rem; font-family: var(--font); color: var(--text-dark); background: var(--light-bg); border-radius: var(--radius); } .testimonials-header { text-align: center; padding: 2rem 0 1rem; } .testimonials-header h2 { font-size: 2rem; font-weight: 700; color: var(--gold); margin-bottom: 0.5rem; } .testimonials-header p { font-size: 1rem; color: #555; } .testimonials-grid { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .video-card { flex: 1 1 calc(50% - 1rem); background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; } .video-card .video-header { padding: 1rem; border-bottom: 1px solid #eee; text-align: center; } .video-card .video-header h3 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin: 0; } .video-card .video-header h4 { font-size: 0.95rem; font-weight: 400; color: #777; margin: 0.25rem 0 0; } .video-card .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-card .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .program-callout { background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); padding: 2rem 1.5rem; text-align: center; margin-bottom: 2rem; } .program-callout h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); } .program-callout p { font-size: 1rem; line-height: 1.6; color: #444; } .program-callout p u { text-decoration: none; border-bottom: 2px solid var(--gold); color: var(--text-dark); } @media (max-width: 768px) { .video-card { flex: 1 1 100%; } } 

 body { font-family: Arial, sans-serif; background: #f5f5f5; padding: 40px; color: #333; line-height: 1.6; } .card { background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 30px; max-width: 800px; margin: 0 auto; } h1 { font-size: 28px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } .checklist { list-style: none; padding: 0; margin: 0; } .checklist li { position: relative; padding-left: 35px; margin-bottom: 20px; font-size: 16px; } .checklist li::before { content: '♦'; position: absolute; left: 0; top: 0; font-size: 20px; color: #FDD835; line-height: 1; } .highlight { color: #FDD835; font-weight: bold; } 

 :root { --gold1: #fdd835; --gold2: #ffc107; --white-trans: rgba(255,255,255,0.15); --overlay-dark: rgba(0,0,0,0.6); --font: 'Poppins', sans-serif; } .premium-cta { position: relative; margin: 2rem auto; max-width: 500px; /* πιο στενό */ padding: 40px 15px; /* πιο κοντό κάθετα */ background: linear-gradient(var(--overlay-dark), var(--overlay-dark)), url('https://source.unsplash.com/1600x900/?luxury,real-estate') center/cover no-repeat; border-radius: 16px; overflow: hidden; text-align: center; color: #fff; font-family: var(--font); } .premium-cta::before { content: ''; position: absolute; inset: 0; background: var(--white-trans); backdrop-filter: blur(8px); } .premium-cta .inner { position: relative; z-index: 1; } .premium-cta h2 { font-size: 2rem; /* μικρότερος τίτλος */ font-weight: 900; margin-bottom: 0.4rem; background: linear-gradient(90deg, var(--gold1), var(--gold2)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .premium-cta p { font-size: 1rem; margin-bottom: 1rem; /* μικρότερο κενό */ opacity: 0.9; } .premium-cta ul { list-style: none; padding: 0; margin: 0 0 1.5rem; /* μειωμένο περιθώριο */ display: grid; gap: 0.6rem; /* πιο στενό διάστημα */ } .premium-cta li { position: relative; padding-left: 1.8rem; font-weight: 600; font-size: 0.95rem; } .premium-cta li::before { content: '✔'; position: absolute; left: 0; top: 0; color: var(--gold1); font-size: 1.1rem; line-height: 1; } .premium-cta .cta-btn { display: inline-block; background: linear-gradient(90deg, var(--gold1), var(--gold2)); color: #222; padding: 14px 36px; /* πιο στενή κουμπί */ font-size: 1rem; font-weight: 700; border-radius: 28px; text-decoration: none; box-shadow: 0 6px 16px rgba(0,0,0,0.25); transition: transform 0.3s, box-shadow 0.3s; } .premium-cta .cta-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,0.3); } @media (max-width: 480px) { .premium-cta { padding: 30px 10px; } .premium-cta h2 { font-size: 1.75rem; } .premium-cta p, .premium-cta li { font-size: 0.9rem; } .premium-cta .cta-btn { padding: 12px 28px; font-size: 0.95rem; } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --bg: #fafafa; --text: #333; --radius: 8px; --shadow: 0 2px 8px rgba(0,0,0,0.1); } .testimonials-links { max-width: 800px; margin: 2rem auto; padding: 1rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); font-family: 'Poppins', sans-serif; color: var(--text); } .testimonials-links h2 { text-align: center; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: var(--gold); } .links-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; } .link-item { position: relative; overflow: hidden; border-radius: var(--radius); box-shadow: var(--shadow); cursor: pointer; } .link-item img { display: block; width: 100%; height: auto; } .link-item::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.75rem; color: rgba(255,255,255,0.85); text-shadow: 0 0 6px rgba(0,0,0,0.6); } @media (max-width: 768px) { .links-grid { grid-template-columns: repeat(2, 1fr); } } 

 :root { --gold: #fdd835; --dark: #1a1a1a; --bg: #ffffff; --radius: 12px; --shadow: 0 8px 24px rgba(0,0,0,0.1); --font: 'Poppins', sans-serif; } .premium-home-learning { max-width: 600px; margin: 3rem auto; padding: 1.5rem 2rem; background: var(--bg); border-radius: var(--radius); box-shadow: var(--shadow); position: relative; overflow: hidden; font-family: var(--font); text-align: center; } .premium-home-learning::before { content: ''; position: absolute; top: 0; left: 50%; width: 120%; height: 120%; background: radial-gradient(circle at top center, rgba(253,216,53,0.15), transparent 70%); transform: translateX(-50%) translateY(-30%); pointer-events: none; } .premium-home-learning h3 { position: relative; font-size: 1.5rem; font-weight: 800; color: var(--dark); line-height: 1.3; margin: 0; padding-left: 1rem; } .premium-home-learning h3::before { content: ''; position: absolute; left: 0; top: 0.3rem; width: 4px; height: 1.2rem; background: var(--gold); border-radius: 2px; } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 :root { --gold: #fdd835; --dark-bg: #1f1f1f; --card-bg: #2b2b2b; --text-light: #fafafa; --font: 'Poppins', sans-serif; --radius: 20px; --shadow: 0 16px 48px rgba(0,0,0,0.7); } .promise-elegant { max-width: 720px; margin: 4rem auto; background: var(--card-bg); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; font-family: var(--font); color: var(--text-light); display: flex; flex-direction: column; text-align: center; } .promise-elegant::before { content: ""; height: 6px; background: linear-gradient(90deg, transparent, var(--gold), transparent); display: block; width: 100%; } .promise-elegant h2 { margin: 1.5rem 0 0.5rem; font-size: 2.25rem; font-weight: 900; letter-spacing: 2px; position: relative; } .promise-elegant h2::after { content: ""; width: 60px; height: 4px; background: var(--gold); border-radius: 2px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .promise-elegant .body { padding: 2rem 2.5rem; line-height: 1.6; font-size: 1.05rem; } .promise-elegant .body p { margin-bottom: 1.25rem; } .promise-elegant .body p strong { color: var(--gold); font-weight: 700; } .promise-elegant .seal { margin: 1.5rem auto 2rem; padding: 0.75rem 1.5rem; border: 2px solid var(--gold); border-radius: var(--radius); display: inline-block; font-style: italic; font-weight: 600; font-size: 0.95rem; background: rgba(0,0,0,0.2); } @media (max-width:600px) { .promise-elegant h2 { font-size:1.75rem; } .promise-elegant .body { padding:1.5rem; font-size:1rem; } .promise-elegant .seal { font-size:0.85rem; } } 

 .faq-block { max-width: 800px; margin: 0 auto; font-family: Arial, sans-serif; } .faq-block h2 { color: #FFD700; margin-bottom: 30px; text-align: center; } .faq-block .faq-item { background-color: #1c1c1c; margin-bottom: 15px; border-radius: 15px; box-shadow: 0 6px 20px rgba(0,0,0,0.3); overflow: hidden; transition: all 0.3s ease; color: #fff; } .faq-block .faq-question { padding: 20px; font-weight: bold; color: #FFD700; display: flex; justify-content: space-between; align-items: center; cursor: pointer; } .faq-block .faq-answer { padding: 0 20px 20px; text-align: left; display: none; } .faq-block .faq-item.active .faq-answer { display: block; } .faq-block .toggle-symbol { font-size: 24px; } 

 @media (max-width: 639px) { .gp-component-id-sDGjpiL2q[data-gp-component] { padding-top: 0px;padding-bottom: 0px;z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-sDGjpiL2q[data-gp-component] { padding-top: 0px;padding-bottom: 72px;z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-sDGjpiL2q[data-gp-component] { padding-top: 0px;padding-bottom: 72px;z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-sDGjpiL2q[data-gp-component] { padding-top: 0px;padding-bottom: 72px;z-index: auto;position: relative;min-height: 50px; } } @media (min-width: 1200px) { .gp-component-id-sDGjpiL2q[data-gp-component] { padding-top: 0px;padding-bottom: 72px;z-index: auto;position: relative;min-height: 50px; } }

 @media (max-width: 639px) { .gp-component-id-AtSvVxoJe[data-gp-component] { padding-top: 0px;padding-bottom: 0px;z-index: auto !important;min-height: 50px;position: relative; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-AtSvVxoJe[data-gp-component] { padding-top: 0px;padding-bottom: 0px;z-index: auto !important;min-height: 50px;position: relative; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-AtSvVxoJe[data-gp-component] { padding-top: 0px;padding-bottom: 0px;z-index: auto !important;min-height: 50px;position: relative; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-AtSvVxoJe[data-gp-component] { padding-top: 0px;padding-bottom: 0px;z-index: auto !important;min-height: 50px;position: relative; } } @media (min-width: 1200px) { .gp-component-id-AtSvVxoJe[data-gp-component] { padding-top: 0px;padding-bottom: 0px;z-index: auto !important;min-height: 50px;position: relative; } }

 @media (max-width: 639px) { .gp-component-id-DWTaxCz26ol[data-gp-component] { padding-top: 0px;padding-bottom: 0px;z-index: auto !important;position: relative;min-height: 50px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-DWTaxCz26ol[data-gp-component] { padding-top: 0px;padding-bottom: 0px;z-index: auto !important;position: relative;min-height: 50px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-DWTaxCz26ol[data-gp-component] { padding-top: 0px;padding-bottom: 0px;z-index: auto !important;position: relative;min-height: 50px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-DWTaxCz26ol[data-gp-component] { padding-top: 0px;padding-bottom: 0px;z-index: auto !important;position: relative;min-height: 50px; } } @media (min-width: 1200px) { .gp-component-id-DWTaxCz26ol[data-gp-component] { padding-top: 0px;padding-bottom: 0px;z-index: auto !important;position: relative;min-height: 50px; } }

 @media (max-width: 639px) { .gp-component-id-YJv40RY4J[data-gp-component] { margin-top: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 5px;min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-YJv40RY4J[data-gp-component] { margin-top: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-YJv40RY4J[data-gp-component] { margin-top: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-YJv40RY4J[data-gp-component] { margin-top: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 64px;min-height: 50px;position: relative;z-index: auto; } } @media (min-width: 1200px) { .gp-component-id-YJv40RY4J[data-gp-component] { margin-top: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;min-height: 50px;position: relative;z-index: auto; } }

 @media (max-width: 639px) { .gp-component-id-0eBjr9Iqd[data-gp-component] { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-0eBjr9Iqd[data-gp-component] { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-0eBjr9Iqd[data-gp-component] { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-0eBjr9Iqd[data-gp-component] { min-height: 50px;position: relative;z-index: auto; } } @media (min-width: 1200px) { .gp-component-id-0eBjr9Iqd[data-gp-component] { padding-top: 16px;min-height: 50px;position: relative;z-index: auto; } }

 @media (max-width: 639px) { .gp-component-id-ZN2P0To1PC[data-gp-component] { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-ZN2P0To1PC[data-gp-component] { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-ZN2P0To1PC[data-gp-component] { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-ZN2P0To1PC[data-gp-component] { z-index: auto;position: relative;min-height: 50px; } } @media (min-width: 1200px) { .gp-component-id-ZN2P0To1PC[data-gp-component] { margin-top: 68px;z-index: auto;position: relative;min-height: 50px; } }

 @media (max-width: 639px) { .gp-component-id-jjNnb17jh[data-gp-component] { background-color: rgb(255, 255, 255);margin-top: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 30px;min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-jjNnb17jh[data-gp-component] { background-color: rgb(255, 255, 255);margin-top: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 30px;min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-jjNnb17jh[data-gp-component] { background-color: rgb(255, 255, 255);margin-top: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 30px;min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-jjNnb17jh[data-gp-component] { background-color: rgb(255, 255, 255);margin-top: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 30px;min-height: 50px;position: relative;z-index: auto; } } @media (min-width: 1200px) { .gp-component-id-jjNnb17jh[data-gp-component] { background-color: rgb(255, 255, 255);margin-top: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 30px;min-height: 50px;position: relative;z-index: auto; } }

 @media (max-width: 639px) { .gp-component-id-yKartqp4Me.gp-component > [data-section-overlay] { background-color: rgb(0, 0, 0); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-yKartqp4Me.gp-component > [data-section-overlay] { background-color: rgb(0, 0, 0); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-yKartqp4Me.gp-component > [data-section-overlay] { background-color: rgb(0, 0, 0); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-yKartqp4Me.gp-component > [data-section-overlay] { background-color: rgb(0, 0, 0); } } @media (min-width: 1200px) { .gp-component-id-yKartqp4Me.gp-component > [data-section-overlay] { background-color: rgb(0, 0, 0); } }

 @media (max-width: 639px) { .gp-component-id-tCFDdPD90[data-gp-component] { margin-top: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 5px;min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-tCFDdPD90[data-gp-component] { margin-top: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-tCFDdPD90[data-gp-component] { margin-top: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-tCFDdPD90[data-gp-component] { margin-top: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 64px;min-height: 50px;position: relative;z-index: auto; } } @media (min-width: 1200px) { .gp-component-id-tCFDdPD90[data-gp-component] { margin-top: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;min-height: 50px;position: relative;z-index: auto; } }

 @media (max-width: 639px) { .gp-component-id-vHmnFjLYE.gp-component > [data-section-overlay] { background-color: rgb(253, 216, 53); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-vHmnFjLYE.gp-component > [data-section-overlay] { background-color: rgb(253, 216, 53); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-vHmnFjLYE.gp-component > [data-section-overlay] { background-color: rgb(253, 216, 53); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-vHmnFjLYE.gp-component > [data-section-overlay] { background-color: rgb(253, 216, 53); } } @media (min-width: 1200px) { .gp-component-id-vHmnFjLYE.gp-component > [data-section-overlay] { background-color: rgb(253, 216, 53); } }

 @media (max-width: 639px) { .gp-component-id-Cd_17zgW2[data-gp-component] { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-Cd_17zgW2[data-gp-component] { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-Cd_17zgW2[data-gp-component] { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-Cd_17zgW2[data-gp-component] { min-height: 50px;position: relative;z-index: auto; } } @media (min-width: 1200px) { .gp-component-id-Cd_17zgW2[data-gp-component] { min-height: 50px;position: relative;z-index: auto; } }

 @media (max-width: 639px) { .gp-component-id-vHmnFjLYE[data-gp-component] { margin-top: 0px;z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-vHmnFjLYE[data-gp-component] { margin-top: 0px;z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-vHmnFjLYE[data-gp-component] { margin-top: 0px;z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-vHmnFjLYE[data-gp-component] { margin-top: 0px;z-index: auto;position: relative;min-height: 50px; } } @media (min-width: 1200px) { .gp-component-id-vHmnFjLYE[data-gp-component] { margin-top: 0px;height: 131px;z-index: auto;position: relative;min-height: 50px; } }

 @media (max-width: 639px) { .gp-component-id-yKartqp4Me[data-gp-component] { padding-left: 16px;padding-right: 16px;padding-top: 20px;padding-bottom: 20px;z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-yKartqp4Me[data-gp-component] { padding-left: 16px;padding-right: 16px;padding-top: 20px;padding-bottom: 20px;z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-yKartqp4Me[data-gp-component] { padding-left: 16px;padding-right: 16px;padding-top: 28px;padding-bottom: 28px;z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-yKartqp4Me[data-gp-component] { padding-left: 16px;padding-right: 16px;padding-top: 28px;padding-bottom: 28px;z-index: auto;position: relative;min-height: 50px; } } @media (min-width: 1200px) { .gp-component-id-yKartqp4Me[data-gp-component] { padding-left: 16px;padding-right: 16px;padding-top: 28px;padding-bottom: 28px;z-index: auto;position: relative;min-height: 50px; } }

 .gp-component-id-KkaZCwk2Gb5 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } @media (max-width: 639px) { .gp-component-id-KkaZCwk2Gb5 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-KkaZCwk2Gb5 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-KkaZCwk2Gb5 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-KkaZCwk2Gb5 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (min-width: 1200px) { .gp-component-id-KkaZCwk2Gb5 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } }

 .gp-component-id-4XNm7rC4nQa { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } @media (max-width: 639px) { .gp-component-id-4XNm7rC4nQa { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-4XNm7rC4nQa { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-4XNm7rC4nQa { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-4XNm7rC4nQa { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (min-width: 1200px) { .gp-component-id-4XNm7rC4nQa { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } }

 .gp-component-id-nNPk0BPd5ny { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } @media (max-width: 639px) { .gp-component-id-nNPk0BPd5ny { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-nNPk0BPd5ny { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-nNPk0BPd5ny { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-nNPk0BPd5ny { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (min-width: 1200px) { .gp-component-id-nNPk0BPd5ny { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } }

 .gp-component-id-W_n4dI20t7q { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } @media (max-width: 639px) { .gp-component-id-W_n4dI20t7q { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-W_n4dI20t7q { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-W_n4dI20t7q { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-W_n4dI20t7q { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (min-width: 1200px) { .gp-component-id-W_n4dI20t7q { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } }

 .gp-component-id-IAclaJEpNH0 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } @media (max-width: 639px) { .gp-component-id-IAclaJEpNH0 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-IAclaJEpNH0 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-IAclaJEpNH0 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-IAclaJEpNH0 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (min-width: 1200px) { .gp-component-id-IAclaJEpNH0 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } }

 .gp-component-id-QYoWtRKLVzY { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } @media (max-width: 639px) { .gp-component-id-QYoWtRKLVzY { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-QYoWtRKLVzY { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-QYoWtRKLVzY { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-QYoWtRKLVzY { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (min-width: 1200px) { .gp-component-id-QYoWtRKLVzY { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } }

 .gp-component-id-WPHlcXUUcY3 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } @media (max-width: 639px) { .gp-component-id-WPHlcXUUcY3 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-WPHlcXUUcY3 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-WPHlcXUUcY3 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-WPHlcXUUcY3 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } } @media (min-width: 1200px) { .gp-component-id-WPHlcXUUcY3 { text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: inherit;text-decoration-line: none;cursor: pointer;background-color: transparent;color: inherit; } }

 .gp-component-id-eA9oJzDXy1 { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px; } @media (max-width: 639px) { .gp-component-id-eA9oJzDXy1 { margin-left: 0px;margin-bottom: 12px;margin-right: 0px;margin-top: 0px;font-family: Raleway, sans-serif !important;font-weight: 300 !important;font-size: 14px !important;cursor: text;box-sizing: border-box;letter-spacing: 0px;text-align: center;color: rgb(255, 255, 255); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-eA9oJzDXy1 { margin-left: 0px;margin-bottom: 12px;margin-right: 0px;margin-top: 0px;font-family: Raleway, sans-serif !important;font-weight: 300 !important;font-size: 15px !important;cursor: text;box-sizing: border-box;letter-spacing: 0px;text-align: center;color: rgb(255, 255, 255); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-eA9oJzDXy1 { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-family: Raleway, sans-serif !important;font-weight: 300 !important;font-size: 15px !important;cursor: text;box-sizing: border-box;letter-spacing: 0px;text-align: center;color: rgb(255, 255, 255); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-eA9oJzDXy1 { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-family: Raleway, sans-serif !important;font-weight: 300 !important;font-size: 15px !important;cursor: text;box-sizing: border-box;letter-spacing: 0px;text-align: center;color: rgb(255, 255, 255); } } @media (min-width: 1200px) { .gp-component-id-eA9oJzDXy1 { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-family: Raleway, sans-serif !important;font-weight: 300 !important;font-size: 15px !important;cursor: text;box-sizing: border-box;letter-spacing: 0px;text-align: center;color: rgb(255, 255, 255); } }

 .gp-component-id-OTTX9TJm_Z { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 24px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } @media (max-width: 639px) { .gp-component-id-OTTX9TJm_Z { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 24px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-OTTX9TJm_Z { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 24px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-OTTX9TJm_Z { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 30px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-OTTX9TJm_Z { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 30px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } } @media (min-width: 1200px) { .gp-component-id-OTTX9TJm_Z { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 30px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } }

 .gp-component-id-i1GWsRi1Jb { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 24px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } @media (max-width: 639px) { .gp-component-id-i1GWsRi1Jb { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 24px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-i1GWsRi1Jb { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 24px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-i1GWsRi1Jb { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 30px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-i1GWsRi1Jb { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 30px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } } @media (min-width: 1200px) { .gp-component-id-i1GWsRi1Jb { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 30px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } }

 .gp-component-id-q7af5D9DvS { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 24px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } @media (max-width: 639px) { .gp-component-id-q7af5D9DvS { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 24px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-q7af5D9DvS { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 24px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-q7af5D9DvS { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 30px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-q7af5D9DvS { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 30px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } } @media (min-width: 1200px) { .gp-component-id-q7af5D9DvS { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 30px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } }

 .gp-component-id-Hgf0Egu_u9 { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 24px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } @media (max-width: 639px) { .gp-component-id-Hgf0Egu_u9 { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 24px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-Hgf0Egu_u9 { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 24px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-Hgf0Egu_u9 { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 30px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-Hgf0Egu_u9 { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 30px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } } @media (min-width: 1200px) { .gp-component-id-Hgf0Egu_u9 { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 30px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } }

 .gp-component-id-msiisat67N { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 24px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } @media (max-width: 639px) { .gp-component-id-msiisat67N { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 24px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-msiisat67N { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 24px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-msiisat67N { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 30px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-msiisat67N { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 30px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } } @media (min-width: 1200px) { .gp-component-id-msiisat67N { text-decoration-color: initial;text-decoration-style: initial;text-decoration-thickness: inherit;text-decoration-line: none;line-height: 1;font-size: 30px;cursor: pointer;background-color: transparent;color: rgb(255, 255, 255);display: inline-block;padding-right: 8px;padding-left: 8px; } }

 @media (max-width: 639px) { .gp-component-id-kCpZf8S5Yp { flex-wrap: wrap;display: flex;align-items: center;margin-right: -8px;margin-left: -8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-kCpZf8S5Yp { flex-wrap: wrap;display: flex;align-items: center;margin-right: -8px;margin-left: -8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-kCpZf8S5Yp { flex-wrap: wrap;display: flex;align-items: center;margin-bottom: -40px;margin-right: -8px;margin-left: -8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-kCpZf8S5Yp { flex-wrap: wrap;display: flex;align-items: center;margin-bottom: -82px;margin-right: -8px;margin-left: -8px; } } @media (min-width: 1200px) { .gp-component-id-kCpZf8S5Yp { flex-wrap: wrap;display: flex;align-items: center;margin-bottom: -106px;margin-right: -8px;margin-left: -8px; } }

 .gp-component-id-r4DEnkOLap { margin-bottom: 16px; } @media (max-width: 639px) { .gp-component-id-r4DEnkOLap { margin-bottom: 16px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-r4DEnkOLap { margin-bottom: 16px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-r4DEnkOLap { margin-bottom: 48px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-r4DEnkOLap { margin-bottom: 48px; } } @media (min-width: 1200px) { .gp-component-id-r4DEnkOLap { margin-bottom: 48px; } }

 .gp-component-id-SEdzrPBcEw { z-index: 15;position: relative;flex-wrap: wrap;display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;margin-right: auto;margin-left: auto; } @media (max-width: 639px) { .gp-component-id-SEdzrPBcEw { z-index: 15;position: relative;flex-wrap: wrap;display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;margin-right: auto;margin-left: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-SEdzrPBcEw { z-index: 15;position: relative;flex-wrap: wrap;display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;margin-right: auto;margin-left: auto;max-width: 640px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-SEdzrPBcEw { z-index: 15;position: relative;flex-wrap: wrap;display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;margin-right: auto;margin-left: auto;max-width: 768px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-SEdzrPBcEw { z-index: 15;position: relative;flex-wrap: wrap;display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;margin-right: auto;margin-left: auto;max-width: 992px; } } @media (min-width: 1200px) { .gp-component-id-SEdzrPBcEw { z-index: 15;position: relative;flex-wrap: wrap;display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;margin-right: auto;margin-left: auto;max-width: 992px; } }

 .gp-component-id-j4ifl8BrK { min-height: 50px;position: relative;z-index: auto; } @media (max-width: 639px) { .gp-component-id-j4ifl8BrK { min-height: 50px;position: relative;z-index: auto !important;text-align: center; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-j4ifl8BrK { min-height: 50px;position: relative;z-index: auto !important;text-align: center; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-j4ifl8BrK { min-height: 50px;position: relative;z-index: auto !important;text-align: center; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-j4ifl8BrK { min-height: 50px;position: relative;z-index: auto !important;text-align: center; } } @media (min-width: 1200px) { .gp-component-id-j4ifl8BrK { min-height: 50px;position: relative;z-index: auto !important;text-align: center; } }